<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1"/>
    <title>确认订单</title>
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/nctouch_common.css">
    <link rel="stylesheet" type="text/css" href="css/nctouch_cart.css">
</head>

<body>
<header id="header">
    <div class="header-wrap">
        <div class="header-l">
            <a href="member_account.html">
                <i class="homeico"></i>
            </a>
        </div>
        <div class="header-title">
            <h1>我要寄件</h1>
        </div>
        <div class="header-r">
            <a href="#"><img class="vm" src="images/user-ico.png" width="16" alt=""></a>
        </div>
    </div>
</header>
<form action="" method="post" id="cart_form">
    <div class="nctouch-main-layout mb20" id="goodslist_before">

        <div class="nctouch-cart-block mt1rem">
            <!--正在使用的默认地址Begin-->
            <div class="nctouch-cart-add-default want-send bbe8"><a href="#" id="list-address-valve" class="arrow-r">
                <dl style="padding-right:1rem;">
                    <dt>张三 丨 18007802435</dt>
                    <dt>广西南宁市西乡塘区</dt>
                    <dd><span id="address">滨河路5号中盟科技园4楼深圳新创思维科技有限公司</span></dd>

                </dl>
            </a></div>
            <div class="nctouch-cart-add-default want-collect">
                <a href="#" id="list-address-valve2" class="arrow-r">
                    <!--<dl style="padding-right:1rem;">
                        <dt>张三 丨 18007802435</dt>
                        <dt>广西南宁市西乡塘区</dt>
                        <dd><span id="address2">滨河路5号中盟科技园4楼深圳新创思维科技有限公司</span></dd>

                    </dl>-->
                    <p class="f_7rem c999" style="margin-left:1.8rem;">请添加收件人地址</p>
                </a>
            </div>
            <!--正在使用的默认地址End-->
        </div>
        <div class="senditems bg_wh mt_5">
            <p class="pt_5rem pb_5rem bbe8 f_7rem">
                <span class="pl_5rem c666 dib pct22">物品名称</span>
                <span>
                <select class="ml_5rem" name="">
                    <option value="">请选择物品名称</option>
                    <option value="">水果01</option>
                    <option value="">水果02</option>
                    <option value="">水果03</option>
                    <option value="">水果04</option>
                </select>
        </span>
            </p>
            <p class="pt_5rem pb_5rem bbe8 f_7rem">
                <span class="pl_5rem c666 dib pct22">物品总重量</span>
                <span>
                <select class="ml_5rem" name="">
                    <option value="">请选择物品总重量</option>
                    <option value="">重量01</option>
                    <option value="">重量02</option>
                    <option value="">重量03</option>
                    <option value="">重量04</option>
                    <option value="">重量05</option>
                </select>
        </span>
            </p>
            <p class="pt_5rem pb_5rem bbe8 f_7rem">
                <span class="pl_5rem c666 dib pct22">物品数量</span>
                <span>
                <select class="ml_5rem" name="">
                    <option value="">请选择物品总重量</option>
                    <option value="">01</option>
                    <option value="">02</option>
                    <option value="">03</option>
                    <option value="">04</option>
                    <option value="">05</option>
                    <option value="">05</option>
                    <option value="">05</option>
                    <option value="">05</option>
                    <option value="">05</option>
                </select>
        </span>
            </p>
            <div class="pt_5rem pb_5rem bbe8 f_7rem">
                <span class="pl_5rem c666 dib pct22">备注</span>
                <span>
            <input class="ml_5rem" type="text" placeholder="">
        </span>
            </div>
        </div>
        <div class="senditems bg_wh mt_5 mb5rem">
            <p class="pt_5rem pb_5rem bbe8 f_7rem">
                <span class="pl_5rem c666 dib pct22"> <span class="cce1f40 f_7rem">* </span>结算方式 </span>
                <span>
                <select class="ml_5rem" name="">
                    <option value="">请选择结算方式</option>
                    <option value="">现付</option>
                    <option value="">到付</option>
                    <option value="">月结（仅限于签约客户）</option>
                </select>
        </span>
            </p>
        </div>
        <!--选择寄件地址Begin-->
        <div id="list-address-wrapper"  class="nctouch-full-mask hide">
            <div class="nctouch-full-mask-bg"></div>
            <div class="nctouch-full-mask-block">
                <div class="header">
                    <div class="header-wrap">
                        <div class="header-l"><a href="#"> <i class="iconfont c666 back" id="back2"></i> </a></div>
                        <div class="header-title">
                            <h1>添加新的寄件地址</h1>
                        </div>
                    </div>
                </div>
                <div class="nctouch-main-layout" id="list-address-scroll">
                    <div class="add_address_form">
                        <ul class="form-box">
                            <p class="form-item">
                                <input id="vusername" class="l dib bre8" type="text" placeholder="姓名">
                                <input id="vmobphone" class="l dib pl_5rem" type="tel" placeholder="手机号或0开头固话">
                            </p>
                            <li class="bbe8">
                                <select name="">
                                    <option value="">西乡塘区</option>
                                    <option value="">青秀区</option>
                                    <option value="">兴宁区</option>
                                    <option value="">琅东</option>
                                </select>
                            </li>
                            <li>
                                <input id="vaddress" type="text" placeholder="详细地址（详细到门牌）">
                            </li>
                        </ul>
                    </div>
                    <a href="#" id="submit-sure2" class="addadr-sure-btn">确定</a>


                    <h2 class="c333 lh1_7rem f_8rem pl_5rem">最近使用地址</h2>
                    <ul class="nctouch-cart-add-list pb1_5rem" id="list-address-add-list-ul">
                        <div style="width:100%;position:relative;border-bottom: solid #EEE .05rem;">
                            <li class="yanse"
                                style="border-bottom: none;">
                                <dl>
                                    <dt>张三 丨 18007802435</dt>
                                    <dt>广西南宁市西乡塘区</dt>
                                    <dd><span>滨河路5号中盟科技园4楼深圳新创思维科技有限公司</span></dd>
                                </dl>
                            </li>
                        </div>
                        <div style="width:100%;position:relative;border-bottom: solid #EEE .05rem;">
                            <li style="border-bottom: none;">
                                <dl>
                                    <dt>张三 丨 18007802435</dt>
                                    <dt>广西南宁市西乡塘区</dt>
                                    <dd><span>滨河路5号中盟科技园4楼深圳新创思维科技有限公司</span></dd>
                                </dl>
                            </li>
                        </div>
                        <div style="width:100%;position:relative;border-bottom: solid #EEE .05rem;">
                            <li style="border-bottom: none;">
                                <dl>
                                    <dt>张三 丨 18007802435</dt>
                                    <dt>广西南宁市西乡塘区</dt>
                                    <dd><span>滨河路5号中盟科技园4楼深圳新创思维科技有限公司</span></dd>
                                </dl>
                            </li>
                        </div>
                    </ul>
                </div>
            </div>

        </div>

        <!--选择寄件地址End-->

        <!--选择收件地址Begin-->
        <div id="list-address-wrapper2"  class="nctouch-full-mask hide">
            <div class="nctouch-full-mask-bg"></div>
            <div class="nctouch-full-mask-block">
                <div class="header">
                    <div class="header-wrap">
                        <div class="header-l"><a href="#"> <i class="iconfont c666 back" id="back22"></i> </a></div>
                        <div class="header-title">
                            <h1>添加新的收件地址</h1>
                        </div>
                    </div>
                </div>
                <div class="nctouch-main-layout" id="list-address-scroll2">
                    <div class="add_address_form2">
                        <ul class="form-box">
                            <p class="form-item">
                                <input id="vusername2" class="l dib bre8" type="text" placeholder="姓名">
                                <input id="vmobphone2" class="l dib pl_5rem" type="tel" placeholder="手机号或0开头固话">
                            </p>
                            <li class="bbe8">
                                <select name="">
                                    <option value="">西乡塘区</option>
                                    <option value="">青秀区</option>
                                    <option value="">兴宁区</option>
                                    <option value="">琅东</option>
                                </select>
                            </li>
                            <li>
                                <input id="vaddress2" type="text" placeholder="详细地址（详细到门牌）">
                            </li>
                        </ul>
                    </div>
                    <a href="#" id="submit-sure" class="addadr-sure-btn">确定</a>


                    <h2 class="c333 lh1_7rem f_8rem pl_5rem">最近使用地址</h2>
                    <ul class="nctouch-cart-add-list pb1_5rem" id="list-address-add-list-ul2">
                        <div style="width:100%;position:relative;border-bottom: solid #EEE .05rem;">
                            <li class="yanse"
                                style="border-bottom: none;">
                                <dl>
                                    <dt>张三 丨 18007802435</dt>
                                    <dt>广西南宁市西乡塘区</dt>
                                    <dd><span>滨河路5号中盟科技园4楼深圳新创思维科技有限公司</span></dd>
                                </dl>
                            </li>
                        </div>
                        <div style="width:100%;position:relative;border-bottom: solid #EEE .05rem;">
                            <li style="border-bottom: none;">
                                <dl>
                                    <dt>张三 丨 18007802435</dt>
                                    <dt>广西南宁市西乡塘区</dt>
                                    <dd><span>滨河路5号中盟科技园4楼深圳新创思维科技有限公司</span></dd>
                                </dl>
                            </li>
                        </div>
                        <div style="width:100%;position:relative;border-bottom: solid #EEE .05rem;">
                            <li style="border-bottom: none;">
                                <dl>
                                    <dt>张三 丨 18007802435</dt>
                                    <dt>广西南宁市西乡塘区</dt>
                                    <dd><span>滨河路5号中盟科技园4楼深圳新创思维科技有限公司</span></dd>
                                </dl>
                            </li>
                        </div>
                    </ul>
                </div>
            </div>

        </div>

        <!--选择收件地址End-->




        <div id="jiesuan_before">
            <!--底部总金额固定层Begin-->
            <div class="nctouch-cart-bottom">
                <div class="total">
                    <dl class="total-money tl pl_5rem">
      <span class="dib">
      <dt>提交订单即视为同意<span class="c42a4fc">《配送服务协议》</span></dt>
      </span>
                    </dl>
                </div>
                <div class="check-out ok"><a href="javascript:void(0);" class="J-ok-order">马上下单</a></div>
            </div>
            <!--底部总金额固定层End-->
        </div>


    </div>
</form>

<!--验证的遮罩层-->
<div class="mode" id="mode-normal" style="display: none;">
    <div class="mode-page" id="mode-page">
    </div>
</div>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/buy_step.js"></script>
<script type="text/javascript" src="js/layer.js"></script>
<script>
    $('#list-address-valve').on('click', function () {
        $("#list-address-wrapper").removeClass("hide").removeClass("right").addClass("left")
        $("#jiesuan_before").addClass("hide")
    })
    $('#list-address-valve2').on('click', function () {
        $("#list-address-wrapper").removeClass("hide").removeClass("right").addClass("left")
        $("#jiesuan_before").addClass("hide")
    })
    $('#back2').on('click', function () {
        $("#list-address-wrapper").removeClass("left").addClass("right")
        $("#jiesuan_before").removeClass("hide")
        setTimeout(function () {
            $("#list-address-wrapper").addClass("hide")
        }, 1000);
    })

    $('#list-address-valve2').on('click', function () {
        $("#list-address-wrapper2").removeClass("hide").removeClass("right").addClass("left")
        $("#jiesuan_before2").addClass("hide")
    })
    $('#list-address-valve2').on('click', function () {
        $("#list-address-wrapper").removeClass("hide").removeClass("right").addClass("left")
        $("#jiesuan_before").addClass("hide")
    })
    $('#back22').on('click', function () {
        $("#list-address-wrapper2").removeClass("left").addClass("right")
        $("#jiesuan_before2").removeClass("hide")
        setTimeout(function () {
            $("#list-address-wrapper").addClass("hide")
        }, 1000);
    })


</script>

<script>
    $(function () {
        $("#submit-sure").bind("click", function () {
            var vusername = $("#vusername").val(); //姓名
            var vaddress = $("#vaddress").val(); //地址
            var vmobphone = $("#vmobphone").val();	 //电话号码
            var phone = /^(13[0-9]|147|15[012356789]|17[678]|18[02356789])[0-9]{8}$/;
            if (!phone.test(vmobphone)) {
                layer.open({
                    content: '请输入正确的手机号'
                    ,btn: '我知道了'
                });
                return;
            }
            if (vusername.length == 0) {
                layer.open({
                    content: '请输入姓名'
                    ,btn: '我知道了'
                });
                return;
            }
            if (vaddress.length == 0) {
                layer.open({
                    content: '请输入详细地址'
                    ,btn: '我知道了'
                });
                return;
            }
            /* layer.open({
             content: '正在跳转……'
             ,skin: 'msg'
             ,time: 2 //2秒后自动关闭
             });*/
            layer.open({
                content: '您确定要刷新一下本页面吗？'
                ,btn: ['刷新', '不要']
                ,yes: function(index){
                    location.reload();
                    layer.close(index);
                }
            });

        });
    });
</script>




</body>
</html>
